.spectrum-ColorArea {
    &:before {
      box-shadow: inset 0 0 0 var(--spectrum-colorarea-border-size) var(--spectrum-colorarea-border-color);
    }
  }
  .spectrum-ColorHandle-color {
    forced-color-adjust: none;
  }

  .spectrum-ColorArea {
    &.is-disabled {
      background: var(--spectrum-colorarea-fill-color-disabled);

      &:before {
        box-shadow: inset 0 0 0 var(--spectrum-colorarea-border-size) var(--spectrum-colorarea-border-color-disabled);
      }
    }
  }

  @media (forced-colors: active) {
    .spectrum-ColorArea {
      --spectrum-colorarea-fill-color-disabled: GrayText;
      --spectrum-colorarea-border-color: ButtonBorder;
    }
    .spectrum-ColorArea {
      forced-color-adjust: none;
      &.is-disabled {
        forced-color-adjust: none;
      }
    }
  }
